<div class="g">
    <div class="a" (click)="value ='1'" ><p>原神</p></div>
    <div class="b" (click)="value ='2'" ><p>雀魂</p></div>
    <div class="c" (click)="value ='3'" ><p>崩坏</p></div>
</div>
<div class="q" [ngSwitch]="value">
    <div class="a1" *ngSwitchCase="'1'">
        <div class="w1">
            <img class="a11" src="assets/img2/原神.jpg" alt="">
            <div class="box">
                <div class="a">刻晴介绍</div>
                <div class="b">名字：刻晴</div>
                <div class="b">国家：璃月</div>
                <div class="b">组织：璃月七星</div>
                <div class="b">神之眼：雷</div>
            </div>
        </div>

        <div class="w2"><img class="a12" src="assets/img2/诺艾尔.jpg" alt="">
            <div class="box">
            <div class="a">诺艾尔介绍</div>
            <div class="b">名字：诺艾尔</div>
            <div class="b">国家：蒙德</div>
            <div class="b">组织：西风骑士团</div>
            <div class="b">神之眼：岩</div>
        </div>
    </div>
       
    </div>
    <div class="a2" *ngSwitchCase="'2'">
        <img src="assets/img2/雀魂.jpg" alt="">
    </div>
    <div class="a3" *ngSwitchDefault>
       <div> <img src="assets/img2/识之律者.jpg" alt="">
        <div class="box">
            <div class="a">识之律者介绍</div>
            <div class="b">名字：符华</div>
            <div class="b">武器：拳套</div>
            <div class="b">组织：崩坏</div>
            <div class="b">属性：物理</div>
        </div>
    </div>
       <div> <img src="assets/img2/艾莉西亚.jpg" alt="">
        <div class="box">
            <div class="a">人之律者介绍</div>
            <div class="b">名字：爱莉希雅</div>
            <div class="b">武器：弓箭</div>
            <div class="b">组织：逐火13英桀</div>
            <div class="b">属性：冰</div>
        </div>
    </div>
    </div>
    </div>